/* CSS Document */
* {box-sizing: border-box;}
ul, li, dl, dd, dt, ol {margin: 0;padding: 0;list-style: none;}
body {position: absolute;top: 0;right: 0;border: 0;left: 0;margin: 0;padding: 0;height: 100%;background-color: transparent;font-family: "microsoft yahei";min-width: 970px;min-height: 180px;}
span {display: inline-block;}
.fl {float: left;}
.fr {float: right;}
.hide {display: none;}
.clear {clear: both;}
.fontWhite {color: #fff;}
.pl10 {padding-left: 10px;}

.content {width: 970px;}
.headline {padding:0px 10px;border-left: 4px red solid;color: red;}
.approveDate {color: rgb( 199, 198, 198 );font-size: 14px;}
.approve {width: 100%;background-color: #fff;padding-top: 18px;padding-left: 50px;position: relative;}
.container {width: 900px;margin-top: 16px;padding-bottom: 20px;}
.one-level {width: 100%;height: 105px;position: relative;}
.levelName {width: 50px;height: 50px;border-radius: 50%;text-align: center;line-height: 50px;color: #fff;font-size: 30px;background: no-repeat center center; background-size: cover; }
.dotteds {width: 25px;height: 55px;}
.details {width: 850px;height: 25px;line-height: 25px;position: absolute;top: 0;right: 0;}
.status {font-weight: bold;}
.adminName {color: rgb( 146, 152, 156 );}
.remark {color: rgb( 116, 116, 116 );padding-top: 10px;position: absolute;top: 25px;left: 50px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.two-level {width: 100%;min-height: 105px;position: relative;}
.three-level {width: 100%;min-height: 105px;position: relative;}
.four-level {width: 100%;min-height: 105px;position: relative;}
.stasection {width: 206px;min-height: 209px;position: absolute;top: 0;right: 0;}

.pass {background: url(../img/statusTxtPass.png);}
.refuse {background: url(../img/statusTxtRefuse.png);}
.back {background: url(../img/statusTxtBack.png);}
.recall {background: url(../img/statusTxtRecall.png);}
.passGreen {background: url(../img/statusBtnGreen.png);}
.refuseRed {background: url(../img/statusBtnRed.png);}
.backYellow {background: url(../img/statusBtnYellow.png);}
.recallBlue {background: url(../img/statusBtnBlue.png);}
.green {background-color: #4fc635; border:1px solid #4fc635}
.red {background-color: red; border:1px solid red}
.yellow {background-color: #f7b13a; border:1px solid #f7b13a}
.blue {background-color: #63afe1; border:1px solid #63afe1}
.fontGreen {color: #4fc635;}
.fontRed {color: red;}
.fontYellow {color: #f7b13a;}
.fontBlue {color: #63afe1;}
.fontGray {color: rgb( 166, 165, 165 );}
.borderGreen {border-right: 2px dotted #4fc635;}
.borderRed {border-right: 2px dotted red}
.borderYellow {border-right: 2px dotted #f7b13a;}
.borderBlue {border-right: 2px dotted #63afe1;}
.footer {width: 900px;position: relative;}
.footerdetails {width: 850px;height: 36px;line-height: 36px;position: absolute;top: 0;right: 0;}
.staimg {width: 36px;height: 36px;border-radius: 50%;margin-left: 6px;}
.approveTime {color: rgb( 136, 136, 136 );}
.footer.two-level{
	min-height: 90px;
}
.third-level {width: 100%;}
